﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <base href="/netctoss/"/>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>NetCTOSS</title>
        <link type="text/css" rel="stylesheet" media="all" href="styles/global.css" />
        <link type="text/css" rel="stylesheet" media="all" href="styles/global_color.css" />
    </head>
    <body>

        <div id="main">            
            <form action="" method="" class="main_form">
                <!--必填项-->
                <div class="text_info clearfix"><span>账务账号ID：</span></div>
                <div class="input_info"><input type="text" value="10" readonly class="readonly" v-model="account.accountId" /></div>
                <div class="text_info clearfix"><span>姓名：</span></div>
                <div class="input_info"><input type="text" value="张三" readonly class="readonly" v-model="account.accountRealName"/></div>
                <div class="text_info clearfix"><span>身份证：</span></div>
                <div class="input_info">
                    <input type="text" value="230198765432123456" readonly class="readonly" v-model="account.accountIdcardNo" />
                </div>
                <div class="text_info clearfix"><span>登录账号：</span></div>
                <div class="input_info">
                    <input type="text" value="user1" readonly class="readonly" v-model="account.accountLoginName" />
                </div>                   
                <div class="text_info clearfix"><span>电话：</span></div>
                <div class="input_info">
                    <input type="text" class="width200 readonly" readonly v-model="account.accountTelephone"/>
                </div>
                <div class="text_info clearfix"><span>推荐人账务账号ID：</span></div>
                <div class="input_info"><input type="text" readonly class="readonly" v-model="account.accountRecommenderId" /></div>
                <div class="text_info clearfix"><span>推荐人身份证号码：</span></div>
                <div class="input_info"><input type="text" readonly class="readonly"  v-model="account.recommenderIdcardNo" /></div>
                <div class="text_info clearfix"><span>状态：</span></div>
                <div class="input_info">
                    <select disabled v-model="account.accountStatus">
                        <option value="0">开通</option>
                        <option value="1">暂停</option>
                        <option value="2">删除</option>
                    </select>                        
                </div>                    
                <div class="text_info clearfix"><span>开通/暂停/删除时间：</span></div>
                <div class="input_info">
                    <input type="text" readonly class="readonly" v-if="account.accountStatus == '0'" v-model="account.accountCreateDate" />
                    <input type="text" readonly class="readonly" v-if="account.accountStatus == '1'" v-model="account.accountPauseDate" />
                    <input type="text" readonly class="readonly" v-if="account.accountStatus == '2'" v-model="account.accountCloseDate" />
                </div>

                <div class="text_info clearfix"><span>上次登录时间：</span></div>
                <div class="input_info"><input type="text" readonly class="readonly"  v-model="account.accountLastLoginTime" /></div>
                <div class="text_info clearfix"><span>上次登录IP：</span></div>
                <div class="input_info"><input type="text" readonly class="readonly" v-model="account.accountLastLoginIp" /></div>
                <!--可选项数据-->
                <div class="text_info clearfix"><span>生日：</span></div>
                <div class="input_info">
                    <input type="text" readonly class="readonly" v-model="account.accountBirthdate" />
                </div>
                <div class="text_info clearfix"><span>Email：</span></div>
                <div class="input_info">
                    <input type="text" class="width350 readonly" readonly  v-model="account.accountEmail" />
                </div> 
                <div class="text_info clearfix"><span>职业：</span></div>
                <div class="input_info">
                    <select disabled v-model="account.accountOccupation">
                        <option value="干部" >干部</option>
                        <option value="学生">学生</option>
                        <option value="技术人员">技术人员</option>
                        <option value="其他">其他</option>
                    </select>                        
                </div>
                <div class="text_info clearfix"><span >性别：</span></div>
                <div class="input_info fee_type">
                    <input type="radio" name="radSex" :checked="account.accountGender == '1'? 'checked' : ''" id="female" disabled />
                    <label for="female">女</label>
                    <input type="radio" name="radSex" id="male" disabled :checked="account.accountGender == '0'? 'checked' : '' "/>
                    <label for="male">男</label>
                </div> 
                <div class="text_info clearfix"><span>通信地址：</span></div>
                <div class="input_info"><input type="text" class="width350 readonly" readonly v-model="account.accountMailAddress" /></div>
                <div class="text_info clearfix"><span>邮编：</span></div>
                <div class="input_info"><input type="text" class="readonly" readonly v-model="account.accountZipcode"/></div>
                <div class="text_info clearfix"><span>QQ：</span></div>
                <div class="input_info"><input type="text" class="readonly" readonly v-model="account.accountQq" /></div>
                <!--操作按钮-->
                <div class="button_info clearfix" @click="close">
                    <input type="button" value="返回" class="btn_save" onclick="location.href='account_list.html';" />
                </div>
            </form>  
        </div>
    </body>
    <script src="js/jquery/jquery.js"></script>
    <script src="js/layer/layer.js"></script>
    <script src="js/vue/vue.js"></script>
    <script src="js/vue/axios.js"></script>
    <script src="js/account/detail.js"></script>

</html>
